<!DOCTYPE html>
<html lang="zh-cn">
<head id="Head1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="keywords"
          content="爱上编程,tqcto.com,互联网,软件开发,开源,asp,asp.net,android,apple,jsp,php,Windows,数据库,HTML,JS,CSS,技术文章,游戏,手机相关"/>
    <meta name="description" content="爱上编程,tqcto.com,专注于计算机、互联网、Web程序,Windows程序,编程语言,数据库,移动平台,系统相关技术文章分享。"/>
    <title>
        爱上编程,tqcto.com！
    </title>
    <link href="/blog/static/css/css.css" type="text/css" rel="stylesheet"/>
    <link rel="shortcut icon" href="https://www.tqcto.com/img/favicon.ico?t=0651809001598528801" type="image/x-icon"/>
</head>
<body>
<div class="width100bi height23px divbackgroundcolor overflowauto">
    <div class="width1000px divmargin0auto">
        <div class="divfloatleft">
        </div>
        <div class="divfloatright">
            <div id="logintopdescription" class="paddingtop3">
            </div>
        </div>
    </div>
</div>
<div class="width1000px divmargin0auto margintop20bottom20 overflowauto">
    <div class="width120px divfloatleft">
        <a href="/" title="爱上编程，tqcto.com">
            <img src="https://www.tqcto.com/user/img/logo.png" alt="爱上编程，tqcto.com" width="139" height="60" border="0"/>
        </a>
    </div>
    <div class="width880px divfloatright">
        <div class="menuDiv">
            <ul>
                <li class="bottomline width10px">&nbsp;</li>
                <li id="default-aspx" class="title0">
                    <a href="/blog" title="爱上编程，tqcto.com">首页</a>
                </li>
                <li id="infolist-2" th:classappend="${type == 'web'} ? 'title1c' : 'title1'">
                    <a href="list-web-1" title="Web开发">Web开发</a>
                </li>
                <!-- <li id="infolist-3" class="title1"><a href="/info-list-3-1.html" title="Windows程序">Windows程序</a></li>
                 <li id="infolist-4" class="title1"><a href="/info-list-4-1.html" title="编程语言">编程语言</a></li>
                 <li id="infolist-5" class="title1"><a href="/info-list-5-1.html" title="数据库">数据库</a></li>
                 <li id="infolist-6" class="title1"><a href="/info-list-6-1.html" title="移动开发">移动开发</a></li>
                 <li id="infolist-8" class="title1"><a href="/info-list-8-1.html" title="系统相关">系统相关</a></li>
                 <li id="infolist-9" class="title1"><a href="/info-list-9-1.html" title="微信">微信</a></li>
                 <li id="infolist-11" class="title1"><a href="/info-list-11-1.html" title="其他好文">其他好文</a></li>
                 <li id="memberhtml" class="title1"><a href="/member.html" title="会员">会员</a></li>-->
                <li class="bottomline width10px">&nbsp;</li>
            </ul>
        </div>
    </div>
</div>

<div class="divdaohang">
    <div class="divtitlefont">
        <a href="/" title="码迷首页">首页</a>
        <span id="lbltitle"> > <a href='#' title='Web开发技术分享列表'>Web开发</a></span>
    </div>
</div>
<div class="divmain">
    <div class="width70bi divfloatleft">
        <div class="marginright20">

            <div class="width100bi divtextalignleft margintop20 divborderbottomdotted"
                 th:each="article,index: ${articleList}">
                <div>
                    <a class="listtitle" th:href="@{'detail/web/' + ${article.id} + '.html'}"
                       th:attr="title=${article.title}" target="_blank">
                        [(${article.title})]
                    </a>
                </div>
                <div class="listzhaiyao" th:text="${article.description}">
                </div>
                <div class="list1">
                    分类：<span class="colorHong"><a href="list-web-1">Web程序</a></span>&nbsp;&nbsp;&nbsp;时间：<span
                        class="colorlan">
                    [(${#dates.format(article.crtTime, 'yyyy-MM-dd HH:mm:ss')})]
                </span>&nbsp;&nbsp;&nbsp;
                    阅读次数：<span class="colorHong">0</span>
                </div>
            </div>

            <div class="margintop20">
                   <span id="lblpage">共<span class='pagecolorc'>[(${pageInfo.size})]</span>条&nbsp;&nbsp;

                    <a class='pagecolor pagenum' th:href="@{'list-web-'+${pageInfo.prePage}}"
                       title='上一页'>上一页</a>

                    <a class='pagecolor pagenum'
                       th:href="@{'list-web-'+${num}}"
                       th:class="${pageInfo.currentIndex == num} ? 'pagecolorc pagecur':'pagecolor pagenum'"
                       th:each="num,index: ${pageInfo.numberList}">[(${num})]</a>

                       <!--<a class='pagecolorc pagecur'>2</a>-->
                       <!--<a class='pagecolor pagenum' href='info-list-2-3.html'>3</a>-->
                       <!--<a class='pagecolor pagenum' href='info-list-2-4.html'>4</a>-->
                       <!--<a class='pagecolor pagenum' href='info-list-2-5.html'>5</a>-->
                       <!--<a class='pagecolor pagenum' href='info-list-2-6.html'>6</a>-->
                       <!--<a class='pagecolor pagenum' th:href="@{'list-web-'+${pageInfo.pages} + '.html'}">[(${pageInfo.pages})]</a>-->
                    <a class='pagecolor pagenum' th:href="@{'list-web-'+${pageInfo.nextPage}}"
                       title='下一页'>下一页</a> </span>
            </div>
        </div>
    </div>
    <div class="width30bi divfloatright">
        <div class="paddingbottom20">

        </div>

        <div class="width99bi divborder">
            <div class="divtitle">
                <div id="infofile1_div1" class="divfloatleft divtitlefont">
                    分享档案
                </div>
                <div class="divfloatright">
                    <a href="#" title="分享档案更多" class="colorCheng">更多></a>
                </div>
            </div>
            <div class="divtextalignleft paddingleft10right10 margintop10bottom10 heightline30px">
                <div th:each="sharing,index: ${sharingList}">
                    <a class="taga"
                       th:href="@{'time/list-web-' + ${#strings.replace(#strings.replace(#strings.replace(sharing.days, '年', ''), '月', ''), '日', '')} + '-1'}"
                       target="_blank"
                       th:attr="title=@{${sharing.days} + '技术分享'}"
                    >
                        [(${sharing.days})]
                        ([(${sharing.count})])</a><br/>
                </div>
            </div>
        </div>

        <div class="width99bi margintop20 divborder">
            <div class="divtitle">
                <div id="infotop2_divtitle" class="divfloatleft divtitlefont">周排行</div>
                <div class="divfloatright">
                    <img src="http://image.tqcto.com/j01.jpg" width="14" height="14" alt="tqcto.com排行更多图片"/></div>
                <div class="divfloatright">
                    <a href="#" id="infotop2_amore" title="周排行更多">更多</a></div>
            </div>
            <div>
                <ul>

                    <li class="divullititle heightline25px divtextalignleft">
                        <a href="/blog/detail/web/212200235609728.html" title="[CSS揭秘]连续的图像边框"
                           target="_blank">
                            [CSS揭秘]连续的图像边框
                            &nbsp;<span class="colorlan">2020-08-14</span> </a>
                    </li>
                </ul>
            </div>
        </div>

        <div class="width99bi margintop20 divborder">
            <div class="divtitle">
                <div id="infotop3_divtitle" class="divfloatleft divtitlefont">月排行</div>
                <div class="divfloatright">
                    <img src="http://image.tqcto.com/j01.jpg" width="14" height="14" alt="tqcto.com排行更多图片"/></div>
                <div class="divfloatright">
                    <a href="#" id="infotop3_amore" title="月排行更多">更多</a></div>
            </div>
            <div>
                <ul>

                    <li class="divullititle heightline25px divtextalignleft">
                        <a href="/blog/detail/web/212200274245248.html" title="使用PHP发送email进行账号激活或者密码修改操作"
                           target="_blank">
                            使用PHP发送email进行账号激活或者密码修改操作
                            &nbsp;<span class="colorlan">2020-08-14</span> </a>
                    </li>
                </ul>
            </div>
        </div>

    </div>
    <div class="divfloatclear">
    </div>
</div>

<br/><br/><br/>
<div class="bottomdiv">
    <div class="width1000px divmargin0auto paddingtop20">
        <div class="height30px divtextalignleft">
            <a href="/about.html" title="tqcto.com关于我们">关于我们</a> - <a href="/contactus.html"
                                                                      title="tqcto.com联系我们">联系我们</a> - <a
                href="/guest.html" title="tqcto.com留言反馈">留言反馈</a>
        </div>
        <div class="height30px divtextalignleft">
            © 2022 <a href="http://www.tqcto.com" target="_blank" title="tqcto.com,技术分享">tqcto.com</a>
            版权所有 <a href="http://www.beian.miit.gov.cn" target="_blank">黔ICP备15010363号-1</a>
        </div>
        <div class="divtextalignleft">
            <span class="colorlan">爱上编程！</span>
        </div>
    </div>
</div>
</body>
</html>
